<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Presentation</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
	<c:if test="${!empty presentation.slides}">
		<div id="gallery">
			<div id="imagearea">
				<div id="image">
					<a href="javascript:slider.nextImage(-1)" class="imgnav "
						id="previmg"></a> <a href="javascript:slider.nextImage(1)"
						class="imgnav " id="nextimg"></a>
				</div>
			</div>
			<div id="pictureswrapper">
				<div id="picturesarea">
					<ul id="pictures">
						<c:forEach items="${presentation.slides}" var="pics">
							<li value="${pics.id} }"><img
								src="${presentation.title}/${pics.title}.jpg" width="180"
								height="100" /></li>
						</c:forEach>
					</ul>
				</div>
			</div>
		</div>

		<script type="text/javascript">
			var imgid = 'image', imgdir = ${presentation_dir} + "/"
					+ ${presentation.title}, imgext = '.svg', picsid = 'pictures', auto = false;
		</script>
		<script type="text/javascript" src="slider.js"></script>
	</c:if>

	<c:if test="${empty presentation.slides}">
		<center>
			<h2>Presentation hasn't pictures</h2>
		</center>
	</c:if>
</body>
</html>